<template>
  <div class="map">
    <div>{{memberId}}</div>
    <div id="allmap"
         style="
                width: 100%;
                height:400px;
                overflow:hidden;">
    </div>
  </div>
</template>

<script>
  import positionManageApi from '../service/healthManagement/positionManageApi'
  export default{
    props: ["memberId"],
    watch: {
      memberId(memberId) {
        if(memberId) {
          this.init();
        }
      }
    },
    data(){
      return{
        opts:{
          width : 250,     // 信息窗口宽度
          height: 100,     // 信息窗口高度
          title : "Hello"  // 信息窗口标题
        },
        lon: null,//经度
        lat: null//纬度
      }
    },
    methods: {
      init(){
        var map = new BMap.Map("allmap");    // 创建Map实例
        map.centerAndZoom(new BMap.Point(121.48789949, 31.24916171), 15);  // 初始化地图,设置中心点坐标和地图级别
        map.addControl(new BMap.MapTypeControl());   //添加地图类型控件
//      map.setCurrentCity("上海");          // 设置地图显示的城市 此项是必须设置的
        map.enableScrollWheelZoom(true);     //开启鼠标滚轮缩放
        this.getMemberNewLocation(this.memberId,map);
      },
      getMemberNewLocation(memberId,map){
        if(memberId){
          let self = this;
          positionManageApi.getMemberNewLoc(memberId).then(
            (res)=>{
              self.lon = res.data.data.lon;
              self.lat = res.data.data.lat;
              self.$emit("goto",res.data.data);
              var point = new BMap.Point(self.lon, self.lat);
              map.centerAndZoom(point, 15);
              var mk = new BMap.Marker(point);
              map.addOverlay(mk);
            }
          );
        }else{}
      },
    },
    mounted: function () {
      this.init();

      //浏览器定位
//      var geolocation = new BMap.Geolocation();
//      geolocation.getCurrentPosition(function(r){
//        if(this.getStatus() == BMAP_STATUS_SUCCESS){
//          var mk = new BMap.Marker(r.point);
//          map.addOverlay(mk);
//          map.panTo(r.point);
//        }
//        else {
//          alert('failed'+this.getStatus());
//        }
//      },{enableHighAccuracy: true});

//      var infoWindow = new BMap.InfoWindow("World", this.opts);  // 创建信息窗口对象
//      map.openInfoWindow(infoWindow, map.getCenter());      // 打开信息窗口
    },
  }

</script>
<style>

</style>
